<?php

get_header();
$about = get_page_link(get_page_by_title('关于我们')->ID);
$work =  get_page_link(get_page_by_title('作品')->ID);
?>
    <link rel="stylesheet" href="<?php echo get_theme_file_uri('assets/css/lightbox.css')?>">
    <script src="<?php echo get_theme_file_uri('assets/js/imagelightbox.js');?>"></script>
    <script src="<?php echo get_theme_file_uri('assets/js/imagebox.js');?>"></script>
    <main class="main_content">
        <section class="home-banner">
            <div class="owl-carousel owl-theme" id="home_banner">
                <?php query_posts('category_name=slide');
                if (have_posts()) :
                    while (have_posts()) : the_post();
                        ?>
                        <div class="owl-item-wrapper d-flex align-items-center justify-content-center text-white item"
                             style="background: url(<?php the_post_thumbnail_url('full'); ?>) no-repeat center center">
                            <div class="slider-content">
                                <h3 class="slider-title"><?php the_title()?></h3>
                                <div class="slider-text text-center my-4"><?php echo strip_tags(get_the_content(),'<br>')?></div>
                                <div class="slider-button text-center">
                                    <a class="btn py-2 px-3" style="background-color:#ff214f"
                                       href="http://www.fennubird.cn" target="_blank">查看服务项目</a>
                                </div>
                            </div>
                        </div>
                    <?php
                    endwhile;
                    else:
	                    echo "<p class='text-center'>no slide setting</p>";
                endif;
                wp_reset_query();
                ?>
            </div>
        </section>
        <!--ABOUT US-->
        <section class="container section-wrapper">
            <div class="row py-5">
                <div class="col-md-6 col-sm-12 text-md-right text-center">
                    <img src="<?php echo get_theme_file_uri('assets/image/home17.png') ?>" alt="我们的优势"
                         class="img-fluid w-75 wow animated slideInLeft">
                </div>
                <div class="col-md-6 col-sm-12">
                    <p class="text-muted mb-0 text-monospace">ABOUT US</p>
                    <h2 class="font-weight-bold text-monospace">WD STAR</h2>
                    <h4>是由优秀的建筑师、室内设计师、品牌战略专家组成的国际化设计团队</h4>
                    <p>
                        我们对工作充满激情，致力于打造一流的商业环境。WD STAR 是一支由优秀建筑师和室内设计师、品牌战略专家和数位设计师组成的国际化设计团队。我们对工作充满激情，致力于打造一流的商业环境。
                    </p>
                    <div class="row">
                        <div class="col-lg-1 col-sm-12"><h2 class="font-weight-bold">我们的技能</h2></div>
                        <div class="col-lg-11 col-sm-12">
                            <p class="mb-2 mt-md-0 text-monospace">PHOTOSHOP</p>
                            <div class="progress">
                                <div class="progress-bar progress-blue" role="progressbar" aria-valuenow="84"
                                     aria-valuemin="0" aria-valuemax="100">84%
                                </div>
                            </div>
                            <p class="mb-2 mt-3 text-monospace">WORDPRESS</p>
                            <div class="progress">
                                <div class="progress-bar progress-yellow" role="progressbar" aria-valuenow="92"
                                     aria-valuemin="0" aria-valuemax="100">90%
                                </div>
                            </div>
                            <p class="mb-2 mt-3 text-monospace">PHOTOGRAPHY</p>
                            <div class="progress">
                                <div class="progress-bar progress-purple" role="progressbar"  aria-valuenow="85"
                                     aria-valuemin="0" aria-valuemax="100">85%
                                </div>
                            </div>
                            <p class="mb-2 mt-3 text-monospace">INDUSTRIAL DESIGN</p>
                            <div class="progress">
                                <div class="progress-bar progress-green" role="progressbar"  aria-valuenow="90"
                                     aria-valuemin="0" aria-valuemax="100">90%
                                </div>
                            </div>
                            <a href="<?php echo $about;?>" class="btn mt-4 float-right btn-more">—— 了解更多</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--PRODUCT -->
        <section class="home-case bg-grey section-wrapper">
            <p class="text-l text-center text-monospace"><?php _e('FEATURED WORKS','wdstar');?></p>
            <h2 class="text-center font-weight-bolder"><?php _e("作品展示",'wdstar');?></h2>
            <ul class="tabnav d-flex justify-content-center my-5">
                <li class="tab-item active">
                    <a class="tab-title btn btn-light" data-cat="false">
                        全部</a>
                </li>
                <li class="tab-item">
                    <a class="tab-title btn btn-light" data-cat="idea">
                        品牌创意</a>
                </li>
                <li class="tab-item">
                    <a class="tab-title btn btn-light" data-cat="digital">
                        数码设计</a>
                </li>
                <li class="tab-item">
                    <a class="tab-title btn btn-light" data-cat="artists">
                        艺术品</a>
                </li>
            </ul>
            <div class="tab-content">
                <div id="tabs-content" class="tab-pane fadeIn wow active">
                    <div class="container">
                        <div class="portfolio-main row">
                        <!--等待填充-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="section-button text-center py-3">
                <a href="<?php echo $work;?>" class="btn btn-more"><?php _e('– 更多作品 –','wdstar');?></a>
            </div>
        </section>
        <!--COMMENTS-->
        <section class="home-comment section-wrapper">
            <div class="container quote-wrapper">
                <div class="owl-carousel owl-theme" id="home_comment">
	                <?php get_template_part('parts/content/home','comment'); ?>
                </div>
            </div>
        </section>
        <!--TEAM-->
	    <?php get_template_part('parts/content/home','team');?>

        <!--CONTACT-->
        <section class="home-contact section-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <?php get_template_part('parts/content/home','accordion')?>
                    </div>
                    <div class="col-md-6">
                        <p class="text-l text-monospace"><?php _e('CONTACT US','wdstar');?></p>
                        <h4 class="font-weight-bolder mb-4"><?php _e("联系我们",'wdstar');?></h4>
                        <?php echo do_shortcode('[wpforms id="55"]');?>
                    </div>
                </div>
            </div>
        </section>
        <script>
            init_home_carousel();
        </script>
    </main>
<?php get_footer(); ?>
<script>
    get_product();
</script>
